<template>
  <div class="index-container">
    <main-header></main-header>
    <main-todo />
  </div>
</template>

<script>
import './App.styl'
import MainHeader from './components/MainHeader.vue'
import MainTodo from './components/MainTodo/MainTodo.vue'
export default {
  name: 'App',
  components: {
    MainHeader,
    MainTodo,
  },
  data() {
    return {
      value: '李四',
      list: ['todo1', 'todo2', 'todo3'],
    }
  },
  created() {},
  methods: {
    add() {
      if (!this.value) return
      this.list.push(this.value)
    },
  },
}
</script>
<style lang="stylus"></style>